<template>
    <div class="goodlis">
       <h3>{{html.title}}</h3>
       <br>
       <div v-html="html.content"  class="connter"></div>
    </div>
</template>

<script>
import {goodlist} from  "@/api/index.js";
export default {
     data () {
         return {
              id: this.$route.params.id,
              html : []
         }
     },
     created(){
         this.goolis()
     },
     methods:{
        goolis(id){
           goodlist(this.id).then(res =>{
                if (res.status === 0) {
                    this.html = res.message[0];
                    console.log(res)
                }
           })
        }
     }
}
</script>

<style <style lang="scss" scoped>
.goodlis {
  padding: 4px;
  width: 100%;
  h3 {
    font-size: 16px;
    color: #226aff;
    text-align: center;
    margin: 15px 0;
  }
  .connter /deep/ img{
      width: 100%;
      height: 100%;
  }
}
</style>
